<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>课程训练</title>
    </head>

    <body class="course">
        <main class="main">
            <!-- 头部导航条 -->
            <nav class="navbar"></nav>

            <!-- 最新课程 -->
            <section class="newcourse">
                <h3>最新课程</h3>
                <a href="#">
                    <img src="../../assets/images/course-img01.jpg">
                    <h4>文本标题</h4>
                    <p>摘要.........................</p>
                </a>
            </section>

            <!-- 课程列表 -->
            <section class="course-list">
                <h3>课程列表</h3>
                <ul>
                    <li>
                        <a href="sports_course_detail.html">
                            <img src="../../assets/images/course-img01.jpg">
                            <h4>文本标题</h4>
                            <p>摘要.........................</p>
                        </a>
                    </li>
                </ul>
            </section>
        </main>

        <!-- 底部导航 tabbar -->
        <nav class="tabbar"></nav>
    </body>

</html>